<!DOCTYPE html>
<html lang="en" class="md device-pixel-ratio-3 device-retina device-desktop device-windows support-position-sticky">

<head>
    <meta charset="utf-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="坏坏漫画-日韩污漫韩国色漫-色漫大全" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="referrer" content="never">
    <script type="text/javascript" src="js/debug.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>邀请记录</title>
    <link href="css/main.48b4036a.css" rel="stylesheet">
    <link href="css/aui.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/template-web.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-dialog.js"></script>
    <script type="text/javascript" src="js/config.js" charset="utf-8"></script>
</head>

<body>
    <div id="root" style="height: 100%;">
        <div id="framework7-root" class="framework7-root">
            <div class="panel-backdrop"></div>
            <div class="panel panel-left panel-reveal">
                <div id="chapterDirectory" class="page">
                    <div class="page-content">
                        <div class="block-title">目录</div>
                        <div class="no-margin-bottom list virtual-list">
                            <ul id="leftpannel" style="height: 5667.84px;">
                                <li class="bg-color-default text-color-primary"
                                    style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;"><a
                                        class="item-link" href="#">
                                        <div class="item-content">

                                            <div class="item-inner">
                                                <div class="item-title">第1話-&lt;1&gt;</div>
                                            </div>
                                        </div>
                                    </a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-right panel-reveal">
                <div class="page">
                </div>
            </div>
            <div class="view view-main">

                <div class="view view-main">
                    <div class="page page-current" data-name="personalBilling">
                        <div class="navbar">
                            <div class="navbar-inner sliding">
                                <div class="left"><a class="icon-only link icon-only back" href="/user.html"><i
                                            class="icon icon-back"></i></a></div>
                                <div class="title">邀请记录</div>
                                <div class="right"><a class="link icon-only" href="/setting.html"><i
                                            class="icon material-icons">security</i></a></div>
                            </div>
                        </div>
                        <div class="page-content hide-navbar-on-scroll">
                            <div class="no-margin list media-list">
                                <ul id="sonsumBox">
                                    <!-- <li class="line-height-2x height-auto item-divider media-item"><span>2019-03</span></li> -->
                                    <li class="reader-billing-item media-item">
                                        <div class="item-content">
                                            <div class="item-inner">
                                                <div class="item-title-row"></div>
                                                <div class="reader-billing-item-row">
                                                    <div class="reader-billing-item-row-date">
                                                        周二 <br>
                                                        2021-11-30
                                                    </div>
                                                    <div class="reader-billing-item-row-title">
                                                        <p class="line-height-16">用户名:</p>
                                                        <p class="font-size-10 line-height-12 text-color-gray">jnpknr
                                                        </p>
                                                    </div>
                                                    <div class="reader-billing-item-row-after">
                                                        <span class="text-color-green">+20阅币</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div>
                                    <p class="reader-infinite-preloader" lastpage="false" onclick="loadMore()"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="framework7-modals"></div>
            <div class="actions-backdrop"></div>
            <div class="dialog-backdrop"></div>
            <div class="dialog dialog-buttons-1 dialog-buttons-vertical reader-copy-modal modal-in"
                style="display: none; margin-top: -372px;">
                <div class="dialog-inner">
                    <div class="dialog-title"></div>
                    <div class="dialog-text"></div>
                    <input id="foo" type="link" value="" readonly="">
                </div>
                <div class="dialog-buttons">
                    <span class="dialog-button dialog-button-bold text-align-center text-color-primary"
                        data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</span>
                </div>
            </div>
            <div class="popover-backdrop"></div>
            <div class="toast">
                <div class="toast-content">
                    <div class="toast-icon"></div>
                    <div class="toast-text"></div>
                    <a class="toast-button"></a>
                </div>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="js/yymh.js"></script>
    <script src="js/clipboard.min.js"></script>

    <script type="text/html" id="sublist">
        <% for(var i = 0; i < data.length; i++){ %>
            <li class="reader-billing-item media-item" onclick="onRead(<%= data[i]['chapterId'] %>);" data-id="<%= data[i]['chapterId'] %>">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title-row"></div>
                        <div class="reader-billing-item-row">
                            <div class="reader-billing-item-row-date">
                                <%= data[i]['type']==1?'支出':'收入'  %>
                                <br><%= data[i]['createTime'] %></div>
                            <div class="reader-billing-item-row-title">
                                <p class="line-height-16">用户名：</p>
                                <p class="font-size-10 line-height-12 text-color-gray"><%= data[i]['bookChaperName'] %></p>
                            </div>
                            <div class="reader-billing-item-row-after"><span class=" <%= data[i]['type']==1?'text-color-green':'text-color-red'  %>"> <%= data[i]['type']==1?'-':'+'  %><%= data[i]['count'] %>阅币</span></div>
                        </div>
                    </div>
                </div>
            </li>
            <% } %>
    </script>

    <script>
        function initRecodeData() {
            var url = baseApi +"/carton/app/invite";
            appCenter.doHeaderPost(url,{pageNum:window.page,pageSize:10},{'authToken':localStorage.getItem("authToken")},function (data) {
                data2=data;
                if (data2.code === 0) {
                    var html=template('sublist',{'data': data2.data});
                    $("#loadding").hide()
                    //是否添加
                    if (window.page <= 1) {
                        $('#sonsumBox').html(html);
                    } else {
                        $('#sonsumBox').append(html);
                    }
                    //是否到底
                    if (data2.data.length<10) {
                        $('.reader-infinite-preloader').attr('lastpage', 'true');
                        $('.reader-infinite-preloader').text('数据到底');
                    } else {
                        $('.reader-infinite-preloader').attr('lastpage', 'false');
                        $('.reader-infinite-preloader').text('点击加载更多');
                    }
                }else if(data2.code != 0){
                    no_conten();
                }
            })
        }

        function no_conten() {
            $('.pager-panel').html('暂无记录！');
        }
        
        function loadMore() {
            if ($('.reader-infinite-preloader').attr('lastpage') == 'false') {
                window.page++;
                initRecodeData();
            }
        }

        //初始化
        $(function () {
            initRecodeData();
        });
    </script>


</body>

</html>